<!-- @format -->
<template>
  <div>
    <!-- 
      1. 函数无参
         goto1函数调用的时候没加括号，直接在函数声明的地方用形参 e 占位，就是事件对象 
    -->
    <a
      href="http://www.baidu.com"
      @click="goto1"
      >百度一下</a
    >
    <!-- 
      2. 函数有参
        goto2函数调用的时候加括号了，需要手动传入 $event 来代指事件对象 
        $event是Vue内置对象，就是原生的事件对象
     -->
    <a
      href="http://www.baidu.com"
      @click="goto2(10, $event)"
      >百度一下</a
    >
  </div>
</template>

<script>
  export default {
    methods: {
      goto1(e) {
        console.log(e)
        e.preventDefault()
      },
      goto2(n, e) {
        // alert(n)
        console.log(e)
        e.preventDefault()
      }
    }
  }
</script>

<style></style>
